<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>System | Register</title>
    <link href="./static/css/lib/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet">
    <link rel="stylesheet" href="./static/css/register.css">
    <script type="text/javascript" src="./src/js/lib/jquery-v2.1.4/jquery.min.js"></script>
    <script src="./src/js/lib/jquery-v2.1.4/jquery.cookie.js"></script>
    <script src="./src/js/lib/md5.js"></script>
    <script src="./src/js/userAction.js"></script>
</head>
<body>
<div class="container">
    <div class="container_left">
        <!-- 背景图上面的文字 -->
        <div class="image_text">
            <h3>Start your journey</h3>
            <p>Start create your amazing website with us! Login into your account</p>
        </div>
    </div>
    <div class="container_right">
        <div class="content">
            <!-- 头部 -->
            <div class="header">
                <span class="btn_back">
                        <i class="ri-arrow-left-line"></i>
                </span>
                <span class="link" data-href="./index.html">
                        <i class="ri-home-3-line"></i>
                </span>
                <span class="link register" data-href="./login.html">登录</span>
            </div>

            <!-- 表单 -->
            <div class="form_content">
                <h3 class="form_title">注册</h3>
                <p class="form_subtitle">
                    请输入你的用户名、密码并确认！
                </p>
                <form action="" method="post" autocomplete="off">
                    <!-- 用户名 -->
                    <label for="id">
                        <i class="ri-user-line"></i>
                    </label>
                    <input type="text" id="id" name="id" placeholder="学号或者工号" autocomplete="new-password">
                    
                    <!-- 密码 -->
                    <label for="password">
                        <i class="ri-lock-2-line"></i>
                    </label>
                    <input type="password" id="password" name="password" placeholder="密码" autocomplete="new-password">

                    <select class="form-select form-type" name="user_type" id="user_type">
                        <option value="0">学生</option>
                        <option value="1">老师</option>
                    </select>
                    

                    <!--<p class="forgot_password">1</p>-->
                    <button class="btn_submit" type="button">注册</button>
                </form>
                <span class="bottom_line"></span>
                <p class="footer_title">其他登录方式:</p>
                <div class="social_icons">
                    <i class="ri-qq-line"></i>
                    <i class="ri-weibo-fill"></i>
                </div>
            </div>

            <!-- 版权信息 -->
            <div class="copyright">
                <p>copy&copy;<a href="mailto:fpointzero@foxmail.com">fpointzero@foxmail.com</a></p>
            </div>
        </div>
    </div>
</div>

<script src="./src/js/publicRegisterEvent.js"></script>
<script>
    $(".btn_submit").on("click", function() {
        register($("#id").val(), $("#password").val(), $("#user_type").val());
    });
</script>
</body>
</html>